.z-page-lesson-common {

  &__card {
    background: #FFFFFF;
    box-shadow: 0px 2px 5px 0px rgba(111, 128, 146, 0.1);
    border-radius: 4px;
  }

  .z-tree__node {
    font-size: 16px;
  }
  .el-tree-node__children {
    .el-tree-node__content {
      padding-left: 40px !important;
    }
    .z-tree__node {
      font-size: 14px;
    }
    .z-tree__node {
      &::before {
        content: '';
        width: 8px;
        height: 8px;
        background: var(--z-page-lesson-common__tree-node-bg, #F3F3F3) ;
        border: 1px solid #BBCDFF;
        border-radius: 4px;
        display: block;
      }
    }
    .el-tree-node.is-current {
      color: #2B62FF;
      .z-tree__node {
        --z-page-lesson-common__tree-node-bg: #2B62FF;
      }
    }
  }
}
